<!DOCTYPE html>
<html xmlns:th="http://www.w3.org/1999/xhtml" xmlns:shiro="http://www.w3.org/1999/xhtml" style="height: 100%">
<head>
    <head th:include="header :: header"></head>
    <title></title>
    <style>
        #jqGridDiv{
            -moz-user-select:none; /*火狐*/
            -webkit-user-select:none; /*webkit浏览器*/
            -ms-user-select:none; /*IE10*/
            user-select:none;
        }
        #jqGridPager_right{
            display: none;
        }
        .form-horizontal{
            width: unset;
        }
        .col-sm-4,.col-sm-3,.col-sm-6,.col-sm-5{
            padding-left: unset;
        }
        .col-sm-1{
            min-width: 100px;
        }
        .col-sm-10 .el-select input{
            height: 34px;
        }
    </style>

    <link rel="stylesheet" th:href="@{/statics/libs/element-index.css}">
</head>
<body style="width: 100%;height: 100%;float: left">
<div id="rrapp" v-cloak>
    <div v-show="!showJobInfoAdd">
        <div class="grid-btn">

            <a shiro:hasPermission="sys:user:save" class="btn btn-primary" @click="add"><i class="fa fa-plus"></i>&nbsp;新增</a>

            <a shiro.hasPermission="sys:user:update" class="btn btn-primary" @click="update"><i class="fa fa-pencil-square-o"></i>&nbsp;修改</a>

            <a shiro.hasPermission="sys:user:delete" class="btn btn-primary" @click="del"><i class="fa fa-trash-o"></i>&nbsp;删除</a>
        </div>

        <div style="float: left" id="jqGridDiv">
            <table id="jqGrid"></table>
            <div id="jqGridPager"></div>
        </div>
        <div th:replace="modules/dataworks/sync_step_1.html">

        </div>
        <div th:replace="modules/dataworks/sync_step_2.html">

        </div>
        <div th:replace="modules/dataworks/sync_step_3.html">

        </div>
    </div>

    <div th:replace="modules/xxljob/jobinfoAdd.html">

    </div>
</div>


<div id="sycnLayer" style="display: none;">
    <form class="form-horizontal">
        <div class="form-group">
            <div class="form-group">
                <div class="col-sm-2 control-label">工作名称</div>
                <div class="col-sm-8">
                    <input type="text" class="form-control" name="name" placeholder="工作名称"/>
                </div>
            </div>
        </div>

        <div class="form-group">
            <div class="col-sm-2 control-label">资源分组</div>
            <div class="col-sm-8">
                <select class="form-control" disabled>

                </select>
            </div>
        </div>
    </form>
</div>
<script th:src="@{/statics/js/modules/dataworks/sync.js}"></script>
<script th:src="@{/statics/libs/element-index.js}"></script>
</body>
</html>